<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="s" uri="/struts-tags"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type"
	content="text/html; charset=windows-1251" />
<title>dESiGNERz-CREW.iNFO - Karamel Admin</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"
	media="screen" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.calendar.js"></script>
<script type="text/javascript" src="js/jquery.flot.min.js"></script>
<script type="text/javascript" src="js/jquery.ba-resize.min.js"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<!--[if IE]>
    <script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script>
    <![endif]-->
<script type="text/javascript" src="js/lang/lang.en.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
	function submitFormListUser()
	{
		document.frmListUser.submit();
	}
</script>
</head>
<body>
	<!-- #wrapper [begin] -->
	<div id="wrapper">
		<!-- #page-body [begin] -->
		<div id="page-body">
			<div class="container">
				<div id="content">
					<!-- content here [begin] -->
					<!-- smallpanel [begin] -->
					<div class="smallpanel">
						<div class="pcont-1">
							<div class="pcont-2">
								<div class="pcont-3">


									<div id="adminbar">
										Welcome, <span>Faragly Halik!</span> <a href="#">1 new
											message!</a> <a href="#" class="logout">logout</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="clearingfix"></div>
					<!-- smallpanel [end] -->
					<!-- icon-based tab menu [begin] -->
					<div class="mainmenu">
						<!-- big icons in tab [begin] -->
						<ul class="tabs">
							<li class="current"><div class="main">
									<a href="#"><img
										SRC="images/icons/flavour/document-lined-pen.png" alt="" /><span>Content</span>
									</a>
								</div></li>
							<li><div class="main">
									<a href="#"><img SRC="images/icons/flavour/user_group.png"
										alt="" /><span>Users</span> </a>
								</div></li>
							<li><div class="main">
									<a href="#"><img
										SRC="images/icons/flavour/applications.png" alt="" /><span>Tools</span>
									</a>
								</div></li>
							<li><div class="main">
									<a href="#"><img SRC="images/icons/flavour/Security.png"
										alt="" /><span>Security</span> </a>
								</div></li>
							<li><div class="main">
									<a href="#"><img SRC="images/icons/flavour/chart_pie.png"
										alt="" /><span>Dashboard</span> </a>
								</div></li>
							<li><div class="main">
									<a href="#"><img SRC="images/icons/flavour/check.png"
										alt="" /><span>Settings</span> </a>
								</div></li>
							<!--
							<li><div class="main"><a href="#"><img src="/PATH/TO/ICON.png" alt="" /><span>MENU TITLE</span></a></div></li>
						-->
						</ul>
						<div class="clearingfix"></div>
						<!-- big icons in tab [end] -->
						<div class="box visible">
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/document_a4_add.png" alt="" /><span>New
											article</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/comments.png" alt="" /><span>Comments</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/menu.png" alt="" /><span>Main
											menu</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/tag.png" alt="" /><span>Tags</span>
								</a></li>
								<!--
							<li><a href="LINK"><img src="/PATH/TO/ICON.png" alt="" /><span>MENU TITLE</span></a></li>
							-->
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/calendar_month.png" alt="" /><span>Events
											calendar</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/image_modernist.png" alt="" /><span>Gallery</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/movie_play.png" alt="" /><span>Media
											Library</span> </a></li>
								<li><a href="#"><img SRC="images/feed.png" alt="" /><span>RSS
											Feeds</span> </a></li>
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/upload.png" alt="" /><span>Upload</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/folder_modernist.png" alt="" /><span>Site
											Explorer</span> </a></li>
							</ul>
						</div>
						<div class="box">
							<ul class="submenu">
								<li><a href="listUser.action"><img
										SRC="images/icons/splashyIcons/view_list.png" alt="" /><span>User
											list</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/contact_blue_add.png" alt="" /><span>Add
											user</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/contact_blue_edit.png" alt="" /><span>Edit
											user</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/contact_blue_remove.png" alt="" /><span>Delete
											user</span> </a></li>
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/group_blue.png" alt="" /><span>Permissions
											group</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/group_blue_add.png" alt="" /><span>Add
											group</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/group_blue_edit.png" alt="" /><span>Edit
											group</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/group_blue_remove.png" alt="" /><span>Delete
											group</span> </a></li>
							</ul>
						</div>
						<div class="box">
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/zoom.png" alt="" /><span>Site
											checker</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/folder_classic.png" alt="" /><span>File
											checker</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/application_osx.png" alt="" /><span>PHP
											settings</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/application_osx.png" alt="" /><span>SQL
											query</span> </a></li>
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/database_refresh.png" alt="" /><span>Database
											check</span> </a></li>
								<li><a href="#"><img SRC="images/icons/database_go.png"
										alt="" /><span>Database optimization</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/database_save.png" alt="" /><span>Backup</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/view_list.png" alt="" /><span>Events
											log</span> </a></li>
							</ul>
						</div>
						<div class="box">
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Activity
											Control</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Control
											Panel Protection</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Session
											Protection</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Stop
											List</span> </a></li>
							</ul>
						</div>
						<div class="box">
							<ul class="submenu">
								<li><a href="#"><img SRC="images/icons/chart_bar.png"
										alt="" /><span>Site traffic</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/chart_organisation.png" alt="" /><span>Referring
											sites</span> </a></li>
								<li><a href="#"><img SRC="images/icons/chart_line.png"
										alt="" /><span>Visitors</span> </a></li>
								<li><a href="#"><img SRC="images/icons/chart_curve.png"
										alt="" /><span>Hits</span> </a></li>
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/group_green.png" alt="" /><span>Online
											visitors</span> </a></li>
							</ul>
						</div>
						<div class="box">
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/applications_windows.png"
										alt="" /><span>Interface languages</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/gem_options.png" alt="" /><span>Cache
											settings</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/sprocket_dark.png" alt="" /><span>Modules</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/shield_chevrons.png" alt="" /><span>Captcha</span>
								</a></li>
							</ul>
							<ul class="submenu">
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/sprocket_light.png" alt="" /><span>Components</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/mail_light.png" alt="" /><span>E-Mail
											templates</span> </a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/diamonds_4.png" alt="" /><span>Wizards</span>
								</a></li>
								<li><a href="#"><img
										SRC="images/icons/splashyIcons/refresh.png" alt="" /><span>Update</span>
								</a></li>
							</ul>
						</div>
					</div>
					<div class="clearingfix"></div>
					<!-- icon-based tab menu [end] -->
					<div class="tabcontent">
						<ul class="tabs">
							<li><a class="current" href="#">Dashboard</a></li>
							<li><a href="#">Forms</a></li>
							<li><s:a href="#" onclick="submitFormListUser();"> List User</s:a></li>

						</ul>
						<div class="clearingfix"></div>
						<div class="panes">
							<div class="pane visible">
								<!-- statistic [begin] -->
								<div id="placeholder" style="width: 100%; height: 150px;"></div>
								<!-- statistic [end] -->
							</div>
							<div class="pane">
								<!-- form elements [start] -->
								<s:form name="frmUser" theme="simple">
									<p>
										<label>Small input label:</label><br /> <input type="text"
											class="text small" /> <span class="note">*A note</span>
									</p>

									<p>
										<label>Medium input label:</label><br /> <input type="text"
											class="text medium" /> <span class="note error">Error!</span>
									</p>

									<p>
										<label>Textarea label:</label><br />
										<textarea name="wysiwyg" class="wysiwyg" rows="5" cols="70"></textarea>
									</p>


									<p>
										<label>Select label:</label><br /> <select name="option">
											<option selected="selected" value="0">Default</option>
											<option value="1">1st Option</option>
											<option value="2">2nd Option</option>
											<option value="3">3rd Option</option>
										</select>
									</p>
									<p>
										<input type="checkbox" id="checkbox1" checked="checked"
											class="checkbox" /> <label for="checkbox1">Checkbox
											label</label> <input type="checkbox" id="checkbox2" class="checkbox" />
										<label for="checkbox2">Checkbox label</label>
									</p>

									<p>
										<input type="radio" class="radio" checked="checked" /> <label>Radio
											button label</label>
									</p>
								</s:form>
								<!-- form elements [end] -->
							</div>
							<s:form name="frmListUser" action="listUser.action">
								<div class="pane">
									<!-- table, pagination [start] -->
									<table class="infotable" cellspacing="0" cellpadding="0"
										width="100%">
										<thead>
											<tr>
												<th><input type="checkbox" class="checkall" /></th>
												<th><a class="action" href="#"></a>
													<div class="opmenu">
														<ul>
															<li><a href="#">Edit</a></li>
															<li><a href="#">Remove</a></li>
														</ul>
														<div class="clear"></div>
														<div class="foot"></div>
													</div></th>
												<th>Username</th>
												<th>Fullname</th>
												<th>Address</th>
												<th>Phone</th>
												<th>E-mail</th>
												<th>Banance</th>
											</tr>
										</thead>
										<tbody>
											<s:iterator value="userList" status="i">
												<tr>
													<td><input type="checkbox" /></td>
													<td><a class="action" href="#"></a>
														<div class="opmenu">
															<ul>
																<li><a href="#">Edit</a></li>
																<li><a href="#">Remove</a></li>
															</ul>
															<div class="clear"></div>
															<div class="foot"></div>
														</div></td>
													<td><a href="#"><s:property value="userName" /> </a>
													</td>
													<td><s:property value="fullName" /></td>
													<td><s:property value="address" /></td>
													<td><s:property value="phone" /></td>
													<td><a href="mailto:faragly@gmail.com"><s:property
																value="email" /> </a></td>
													<td>06/13/2010 16:58:55</td>
												</tr>
											</s:iterator>
										</tbody>
									</table>
									<div class="tableactions">
										<select>
											<option>Actions</option>
											<option>Edit</option>
											<option>Delete</option>
										</select>
										<button type="submit" class="minibutton">
											<span>Apply to selected</span>
										</button>
									</div>
									<div class="pagination floatright">
										<a href="#"><span>�</span> </a> <a class="active" href="#"><span>1</span>
										</a> <a href="#"><span>2</span> </a> <a href="#"><span>3</span>
										</a> <a href="#"><span>4</span> </a> <a href="#"><span>5</span>
										</a> <a href="#"><span>6</span> </a> <a href="#"><span>�</span>
										</a>
									</div>
									<!-- table, pagination [end] -->
								</div>
							</s:form>
						</div>
					</div>
					<div class="clearingfix"></div>
					<!-- fluid grid for example [start] -->
					<div class="fluid_grid_layout">
						<div class="container_6 section">
							<div class="three column">
								<div class="content">
									<!-- buttons [begin] -->

									<h2 class="title">Button styles</h2>
									<!-- button 1:"plain" -->
									<a href="javascript:;" class="minibutton"><span>Submit</span>
									</a> <a href="javascript:;" class="minibutton cancel"><span>Cancel</span>
									</a>


									<!-- buttons [end] -->
								</div>
							</div>
							<div class="three column">
								<div class="content">
									<!-- notifications [begin] -->
									<h2 class="title">Notifications</h2>
									<div class="message success">
										<span class="strong">SUCCESS!</span> This is a success
										message.
									</div>
									<div class="message warning">
										<span class="strong">WARNING!</span> This is a warning
										message.
									</div>
									<div class="message error">
										<span class="strong">ERROR!</span> This is a error message.
									</div>
									<div class="message information">
										<span class="strong">INFORMATION!</span> This is a information
										message.
									</div>
									<!-- notifications [end] -->
								</div>
							</div>
						</div>
					</div>
					<!-- fluid grid for example [end] -->
					<!-- fluid grid for example [start] -->

					<!-- fluid grid for example [end] -->
					<!-- content here [end] -->
				</div>
			</div>
			<div id="sidebar">
				<div id="sbcont">
					<!-- sidebar content here [begin] -->
					<!-- events calendar [begin] -->
					<div id="datepicker">
						<div class="calendar"></div>
						<div class="content">
							<div class="ui-datepicker-header">Loading...</div>
							<div class="loading"></div>
						</div>
						<div class="calbottom"></div>
					</div>
					<!-- events calendar [end] -->
					<!-- box with default header [begin] -->
					<div class="box box-header">
						<h3 class="header">
							<span class="header-2"><span class="header-3"><span
									class="color">Header</span> 1</span> </span>
						</h3>
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3 header-on">
									Box with header <em>box-header</em>
									<div class="loading"></div>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- box with default header [end] -->

					<!-- box with red header [begin] -->
					<div class="box box-header-red">
						<h3 class="header">
							<span class="header-2"><span class="header-3"><span
									class="color">Header</span> 1</span> </span>
						</h3>
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3 header-on">
									Box with header <em>box-header-red</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- box with red header [end] -->

					<!-- box with black header [begin] -->
					<div class="box box-header-black">
						<h3 class="header">
							<span class="header-2"><span class="header-3"><span
									class="color">Header</span> 1</span> </span>
						</h3>
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3 header-on">
									Box with header <em>box-header-black</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- box with black header [end] -->



					<!-- box [begin] -->
					<div class="box">
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3">Basic box div</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- box [end] -->

					<!-- box with gradient [begin] -->
					<div class="box box-gradient">
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3">
									with class <em>box-gradient</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- box with gradient [end] -->

					<!-- blue box [begin] -->
					<div class="box box-blue">
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3">
									with class <em>box-blue</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- blue box [end] -->

					<!-- blue box with header [begin] -->
					<div class="box box-blue box-header">
						<h3 class="header">
							<span class="header-2"><span class="header-3"><span
									class="color">Bottom</span> 1</span> </span>
						</h3>
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3 header-on">
									Box with header <em>box-blue box-header</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- blue box with header [end] -->

					<!-- black box [begin] -->
					<div class="box box-black">
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3">
									with class <em>box-black</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- black box [end] -->

					<!-- black box with header [begin] -->
					<div class="box box-black box-header">
						<h3 class="header">
							<span class="header-2"><span class="header-3"><span
									class="color">Bottom</span> 1</span> </span>
						</h3>
						<div class="box-t1">
							<div class="box-t2">
								<div class="box-t3"></div>
							</div>
						</div>
						<div class="box-1">
							<div class="box-2">
								<div class="box-3 header-on">
									Box with header <em>box-black box-header</em>
								</div>
							</div>
						</div>
						<div class="box-b1">
							<div class="box-b2">
								<div class="box-b3"></div>
							</div>
						</div>
					</div>
					<!-- black box with header [end] -->
					<div class="clearingfix"></div>
					<!-- sidebar content here [end] -->
				</div>
			</div>
			<div class="clearingfix"></div>
		</div>
		<!-- end div #page-body -->
	</div>
	<!-- end div #wrapper -->
	<!-- #footer [begin] -->
	<div id="footer">
		<p>
			� Copyright 2010 by <a href="#">Your Company</a>
		</p>
	</div>
	<!-- end div #footer -->
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-16994469-1' ]);
		_gaq.push([ '_trackPageview' ]);

		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? '../../../https@ssl/index.htm'
					: '../../../www/index.htm')
					+ '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
	<img src="http://designerz-crew.info/start/callb.png">
</body>
</html>